<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h1>class类</h1>
    <script>
        // class类名一般要求首字母大写
        class Animal {
            // 系统方法: 通过new关键词创建实例对象的时候, 自动执行, 
            // 创建实例对象时传递实参可以通过constructor来接收
            constructor(a, b, c) {
                // this指向new创建出来的实例对象
                // 动态创建属性
                this.name = a
                this.age = b
                this.sex = c
            }
            // 实例方法: 自定义方法
            greet() {
                console.log(`我叫${this.name}, 我今年${this.age}岁`);
            }
        }
        // 创建一个实例对象
        var a1 = new Animal('iris', 3, 'boy')
        console.log(a1.name, a1.age, a1.sex);
        a1.greet()
        var a2 = new Animal('homie', 2, 'girl')
        console.log(a2.name, a2.age, a2.sex);
        a2.greet()
    </script>
</body>

</html>